import { FC, memo, useContext } from "react";
import Title from "../../components/Title";
import { useOtherData } from "../../helpers/right";
import Echarts from "@/components/Echarts";
import { EchartsThemeContext } from "@/context/echartsTheme";

const RightCardTwo: FC = memo(() => {
  const [ echartsOption ] = useOtherData()
  const { theme } = useContext(EchartsThemeContext)

  return (
    <div className="w-full flex-1 bg-[#fff] rounded-4px flex flex-col">
      <Title name="TOP10其他数据采集量" isUnit={true} />
      <div className="flex flex-1">
        <Echarts theme={theme} option={echartsOption} />
      </div>
    </div>
  )
})

export default RightCardTwo